<template>
  <div class='RemindCatSelect'>
    <el-select
        v-bind="attrs"
        v-model="showValue"
        filterable
        remote
        reserve-keyword
        remote-show-suffix
        :remote-method="remoteMethod"
        :loading="loading"
    >
      <el-option :key="cat.userCategoryId" v-for="(cat,index) in options" :label="cat.name"
                 :value="cat.userCategoryId">
        {{ cat.name }}
      </el-option>
    </el-select>
  </div>
</template>
<script setup lang='ts' name="RemindCatSelect">
import {listUserRemindCat} from '@/api/easybook/userRemindCat';
import {selectEmits, selectMixin, selectProps} from '@/components/EbComponent/Selector/selectMixin'
const props = defineProps({
  ...selectProps(),
})
const emit = defineEmits([...selectEmits()])
const {ready, loading, options, showValue, remoteMethod, attrs} = selectMixin(
    props, {
      emit,
      idKey: 'userCategoryId',
      nameKey: 'name',
      dataKey: 'rows',
      api: listUserRemindCat
    });
</script>
<style scoped lang='scss'>
.RemindCatSelect {
}
</style>
